<!-- 页面中的内容 -->
<!-- 搜索 -->
<div class="form-div search_form_div">
    <form method="GET" name="search_form">
		<p>
			账号：
	   		<input type="text" name="username" size="30" value="" />
		</p>
		<p>
			是否启用：
			<input type="radio" value="-1" name="is_use" checked="checked" /> 全部 
			<input type="radio" value="1" name="is_use"  /> 启用 
			<input type="radio" value="0" name="is_use"  /> 禁用 
		</p>
		<p><input type="submit" value=" 搜索 " class="button" /></p>
    </form>
</div>
<!-- 列表 -->
<div class="list-div" id="listDiv">
	<table cellpadding="3" cellspacing="1">
    	<tr>
            <th>账号</th>
            <th>角色</th>
            <th width="70">是否启用</th>
            <th>创建时间</th>
            <th>最后登录时间</th>
            <th>最后登录IP</th>
			<th width="60">操作</th>
        </tr>
		{volist name="admins" id="admin"}          
			<tr class="tron" aid="{$admin.aid}">
				<td>{$admin.account}</td>
				<td>{$admin.role_name}</td>
				<td style="cursor:pointer;" class="is_use">{if condition="$admin['is_allowed']"}启用{else \}禁用{/if}</td>
				<td>{$admin.create_time|date="Y-m-d H:i:s",###}</td>
				<td>{$admin.last_time|date="Y-m-d H:i:s",###}</td>
				<td>{$admin.last_ip|long2ip}</td>
		        <td align="center">
		        	<a href="{:url('editShow',['id'=>$admin['aid']])}" title="编辑">编辑</a>
					{if condition="$admin['aid'] neq 1"}
		        	<a href="javascript:;" class="del_btn" title="移除">移除</a>
					{/if}
		        </td>
	        </tr>
        {/volist}            
	</table>
</div>
<script>

//异步删除用户
$('.del_btn').click(function(){

	//给用户友好提示
	if(!confirm('您确定要删除吗？')){
		return false;
	}

	//ajax异步删除
	var oTr = $(this).parents('tr');//当前行
	var url = "{:url('del')}";//提交地址
	var id = $(this).parents('tr').attr('aid');//id
	$.get(url,{id:id},function(data){

		if(data.status){

			oTr.fadeOut('slow', function() {
				oTr.remove();
			});

		}else{
			alert(data.msg);
		}

	},'json');

});
//异步改变用户启动状态
$('.is_use').click(function() {

	//异步修改
	var oTd = $(this);//当前td
	var url = "{:url('changeStatus')}";//提交地址
	var id = $(this).parents('tr').attr('aid');
	var statu = $(this).html() == '禁用' ? 1 : 0; 
	$.get(url,{id:id,statu:statu},function(data){
		console.log(data.msg);
		if( data.status ){

			var msg = data.status == 1 ? '启用' : '禁用';

			oTd.html(msg);

		}else{

			alert(data.msg);

		}

	},'json');

});
</script>
